/**
 * Licensed to Jasig under one or more contributor license
 * agreements. See the NOTICE file distributed with this work
 * for additional information regarding copyright ownership.
 * Jasig licenses this file to you under the Apache License,
 * Version 2.0 (the "License"); you may not use this file
 * except in compliance with the License. You may obtain a
 * copy of the License at:
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on
 * an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied. See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

/* Feature improving the sidebar with toggle actions. */
/* Default css modifications. */
.up #portalSidebar.sidebarToggle a {text-decoration: none;cursor: pointer;}
.up #portalSidebar.sidebarToggle.fl-force-left #portalSidebarInner {padding: 0 15px 0 0;}
.up #portalSidebar.sidebarToggle.fl-force-right #portalSidebarInner {padding: 0 0 0 15px;}

/* To hide sidebar place when it's closed. */
.up #portalSidebar.closed {width: 15px;}
.up #portalSidebar.closed .fl-widget {display: none;}
.up #portalSidebar.closed+div.fl-container-flex-right {	margin-right: 15px !important;}
.up #portalSidebar.closed+div.fl-container-flex-left {	margin-left: 15px !important;}

/* Default sidebar new element css */
.up #portalSidebarToggleButton {padding: 0;}
.up #portalSidebarToggleButton h2 {
	color: #FFFFFF;
	margin: 0;
	text-transform: uppercase;
}

/* To make a transform of the button portalSidebarToggleButton on mouseover. */
.up #portalSidebar.closed #portalSidebarToggleButton:hover {-webkit-transform: scale(1.4);-moz-transform: scale(1.4);-ms-transform: scale(1.4);-o-transform: scale(1.4);transform: scale(1.4);position:absolute;}
.up #portalSidebar.fl-force-right.closed #portalSidebarToggleButton:hover {-webkit-transform-origin: 100% 25%;-moz-transform-origin: 100% 25%;-ms-transform-origin: 100% 25%;-o-transform-origin: 100% 25%;transform-origin: 100% 25%;}
.up #portalSidebar.fl-force-left.closed #portalSidebarToggleButton:hover {-webkit-transform-origin: 0 25%;-moz-transform-origin: 0 25%;-ms-transform-origin: 0 25%;-o-transform-origin: 0 25% ;transform-origin: 0 25%;}
.up #portalSidebar.opened #portalSidebarToggleButton:hover {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
.up #portalSidebar.fl-force-right.opened #portalSidebarToggleButton:hover {-webkit-transform-origin: 100% 0;-moz-transform-origin: 100% 0;-ms-transform-origin: 100% 0;-o-transform-origin: 100% 0;transform-origin: 100% 0;}
.up #portalSidebar.fl-force-left.opened #portalSidebarToggleButton:hover {-webkit-transform-origin: 0;-moz-transform-origin: 0;-ms-transform-origin: 0;-o-transform-origin: 0;transform-origin: 0;}

/* When portalSidebarToggleButton is the only element shown we show it with text aligned verticaly with a letter per line. */
.up #portalSidebar.closed #portalSidebarToggleButton {display: block;width: 15px;margin: 0;}
.up #portalSidebar.closed #portalSidebarToggleButton h2 {
	padding: 1px;
	line-height: 100%;
	height: 100%;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.up #portalSidebar.fl-force-left.closed #portalSidebarToggleButton {margin-left: -25px;border-radius: 0 5px 5px 0;}
.up #portalSidebar.fl-force-right.closed #portalSidebarToggleButton {margin-left: -5px;border-radius: 5px 0 0 5px;}

/* Change text of portalSidebarToggleButton. */
.up #portalSidebar.closed #portalSidebarToggleButton h2.textopen {display: block;}
.up #portalSidebar.closed #portalSidebarToggleButton h2.textclose {display: none;}
.up #portalSidebar.opened #portalSidebarToggleButton h2.textopen {display: none;}
.up #portalSidebar.opened #portalSidebarToggleButton h2.textclose {display: block;}

/* Align on the right - when sidebar is on the right - the portalSidebarToggleButton. */
.up #portalSidebar.opened #portalSidebarToggleButton {display: inline-block;}
.up #portalSidebar.sidebarToggle.fl-force-right #portalSidebarInner {text-align: right;}
.up #portalSidebar.sidebarToggle.fl-force-right .fl-widget {text-align: left;}
.up #portalSidebar.fl-force-right #portalSidebarToggleButton h2 {text-align: center;}

/* When sidebar div element must be closed. */
.up #portalSidebar.sidebarToggle .fl-widget.closed div.fl-widget-content {display: none;}
.up #portalSidebar.sidebarToggle .fl-widget-titlebar:hover h2 {color: white !important;}
.up #portalSidebar.sidebarToggle .fl-widget-titlebar span {display: none;}
.up #portalSidebar.sidebarToggle .fl-widget-titlebar span.icon {
	background-image: url("../images/portlet_icons_flat.png");
	background-position: -128px 0;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 16px;
	width: 16px;
}
.up #portalSidebar.sidebarToggle .fl-widget-titlebar:hover .icon {background-position: -128px -16px;}
.up #portalSidebar.sidebarToggle .fl-widget.closed .fl-widget-titlebar .icon {background-position: -112px 0;}
.up #portalSidebar.sidebarToggle .fl-widget.closed .fl-widget-titlebar:hover .icon {background-position: -112px -16px;}